<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="../lib/css/elementui.css"/>
	<link rel="stylesheet" type="text/css" href="../css/common.css"/>
	<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />
	<script src="https://webapi.amap.com/maps?v=1.4.10&key=xf-20181013"></script>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<script src="../../../Library/Containers/com.tencent.xinWeChat/Data/Library/Application Support/com.tencent.xinWeChat/2.0b4.0.9/c8d943ff42ee5096c0be0e387a03ffe4/Message/MessageTemp/5a6beb44be8090e534266eff5e7d63fa/File/linyi_fire_fighting_git/fire/js/fire_second.js"></script>

</head>
<body>
<div id="ele">
	<el-container>
		<el-header>
			<el-row :gutter="20">
				<el-col :span="5">
					<div class="header-bj header-left">
						{{time}}
					</div>
				</el-col>
				<el-col :span="14">
					<div class="header-center">
						<h3>消防联动预警平台</h3>
					</div>
				</el-col>
				<el-col :span="5">
					<div class="header-right">
						<div class="header-bj  header-text">
							<p>{{form.Charge_brigade}}</p>
						</div>
						<div class="header-bj  header-btn" @click="Quit()">退出</div>
					</div>
				</el-col>
			</el-row>
		</el-header>
		<el-main style='position: relative;'>
			<div class="main-left">
				<div class="plan">

					<div class="plan-box">
						<el-form ref="form" :model="form" label-width="80px">
							<!--<el-form-item label="出警编号">
								<el-input v-model="form.Record_number"></el-input>
							</el-form-item>-->

							<el-form-item label="灾害类型">
								<el-input v-model="form.Type"></el-input>
							</el-form-item>
							<el-form-item label="报警电话">
								<el-input v-model="form.Alarm_call"></el-input>
							</el-form-item>
							<!--<el-form-item label="机主姓名">
								<el-input v-model="form.Phone_name"></el-input>
							</el-form-item>-->
							<el-form-item label="燃烧物质">
								<el-input v-model="form.Burning_material"></el-input>
							</el-form-item>
						</el-form>
						<div class="fire-set-adm" id="adm">
							<div>
								<label dataId="1" >负责人：</label>
								<span class="fire-set-adm-add fzr" apanType="fzr" >+

										</span>
								<span class="fire-set-adm-add fzr" apanType="fzr" >+</span>
							</div>
							<div>
								<label dataId="2">通讯员：</label>
								<span class="fire-set-adm-add txy" apanType="txy">+

										</span>
								<span class="fire-set-adm-add txy" apanType="txy">+</span>
							</div>
						</div>
					</div>
				</div>

				<div class="fire-set">
					<div style="height: 100%;">
						<el-scrollbar style='height: 100%;'>
							<div class="fire-set-box">
								<div class="fire-set-sel">
									<el-collapse accordion>
										<el-collapse-item v-for='(item,index) in pumper'>
											<template slot="title">
												<el-checkbox v-model="item.Ifused" ></el-checkbox>&ensp;{{item.Vehicle_type}}
											</template>
											<div class="fire-set-sel-item">
												<div class="fire-set-sel-line">
													<label  dataId="3" :arrNum="index">驾驶员：</label>
													<!--<span :data-msgtype="3" :data-att="Driver_number"  style="display: none">{{item.Driver_number}}</span>-->
													<span v-if="item.Driver_name" class="fire-set-adm-name jsy">{{item.Driver_name}}
																<img src="../images/close.png" class="close">
															</span>
													<span v-else class="fire-set-adm-add jsy" >驾驶员+
														<!--<img src="../images/close.png" class='close' style="display: none"/>-->
														<!--<input type="text" v-model="item.Driver_name"/>-->
															</span>
													<!--<input type="text" v-model="item.Driver_name" />-->
												</div>
												<div class="fire-set-sel-line" v-for="idx in item.Solider_number">
													<label  dataId="4" :arrNum="index" :attNumber="idx" >{{idx}}号位：</label>
													<span v-if="item.zwVal" :id="gernerateId(index,idx)" class="fire-set-adm-name zw">{{item.zwVal[idx-1]}}
														<img src="../images/close.png" class="close">
													</span>
													<span v-else class="fire-set-adm-add">{{idx}}号位+</span>
													<!--<input type="text" v-model="item.Driver_name"/>-->
												</div>
												<!--<div class="fire-set-sel-line">
                                                    <label dataId="4">二号位：</label>
                                                    <span class="fire-set-adm-add">2号位+</span>
                                                </div>
                                                <div class="fire-set-sel-line">
                                                    <label dataId="4">三号位：</label>
                                                    <span class="fire-set-adm-add">3号位+</span>
                                                </div>-->
											</div>
										</el-collapse-item>
									</el-collapse>
								</div>
							</div>
							<!--<input type="text" v-model="t.Name" v-for="(t,tidx) in test"/>-->
							<div style="height: 50px;"></div>
						</el-scrollbar>
					</div>
				</div>
				<div class="aside-set">
					<div class="btn-set1" @click="updataAll">信息更新</div>
					<div class="btn-set"  @click="ajaxFireEnd">火灾结束</div>
				</div>
			</div>
			<div class="main-content" style="margin-left: 300px;">
				<div class="map-box">
					<div id="gd-map"></div>
					<div class="trap-left"></div>
					<div class="trap-right"></div>
				</div>
				<div class="map-event">
					<li>
						<img src="../images/home.png"/>
					</li>
					<li>
						<img src="../images/weizhi.png"/>
					</li>
					<li>
						<img src="../images/user.png"/>
					</li>
					<li>
						<img src="../images/dingwei.png"/>
					</li>
					<li>
						<img src="../images/plan.png"/>
					</li>
					<li>
						<img src="../images/daohang.png"/>
					</li>
				</div>
				<div class="main-table" style="top: 510px;">
					<h3><img src="../images/main_ld.png"/><span>报警信息显示列表</span></h3>
					<div class="table-body">
						<el-scrollbar style="height:100%">
							<table cellpadding="0" cellspacing="0">
								<thead>
								<tr>
									<th>编号</th>
									<th>名称</th>
									<th>距离（米）</th>
									<th>联系电话1</th>
									<th>通讯方式2</th>
									<th>状态</th>
									<th>所属辖区</th>
								</tr>
								</thead>
								<tbody>
								<tr v-for="(item,index) in arrNotifyInfo">
									<td>
										<span class="yfss" v-if='item.Notify_status==0'>{{item.Station_number}}</span>
										<span class="yjss" v-else='item.Notify_status==1'>{{item.Station_number}}</span>
										<span class="ydds" v-else='item.Notify_status==2'>{{item.Station_number}}</span>
									</td>
									<td>
										<span class="yfss" v-if='item.Notify_status==0'>{{item.Station_name}}</span>
										<span class="yjss" v-else='item.Notify_status==1'>{{item.Station_name}}</span>
										<span class="ydds" v-else='item.Notify_status==2'>{{item.Station_name}}</span>
									</td>
									<td>
										<span class=" yfss" v-if='item.Notify_status==0'>{{item.Distance}}</span>
										<span class=" yjss" v-else='item.Notify_status==1'>{{item.Distance}}</span>
										<span class=" ydds" v-else='item.Notify_status==2'>{{item.Distance}}</span>
									</td>
									<td>
										<span class=" yfss" v-if='item.Notify_status==0'>{{item.Contact1}}</span>
										<span class=" yjss" v-else='item.Notify_status==1'>{{item.Contact1}}</span>
										<span class=" ydds" v-else='item.Notify_status==2'>{{item.Contact1}}</span>
									</td>
									<td>
										<span class=" yfss" v-if='item.Notify_status==0'>{{item.Contact2}}</span>
										<span class=" yjss" v-else='item.Notify_status==1'>{{item.Contact2}}</span>
										<span class=" ydds" v-else='item.Notify_status==2'>{{item.Contact2}}</span>
									</td>
									<td>
										<span class="bgcolor yfs" v-if='item.Notify_status==0'>已发送</span>
										<span class="bgcolor yjs" v-else='item.Notify_status==1'>已接收</span>
										<span class="bgcolor ydd" v-else='item.Notify_status==2'>已到达</span>
										<span class="bgcolor ywc" v-else='item.Notify_status==3'>已完成</span>
									</td>
									<td>
										<span class="yfss" v-if='item.Notify_status==0'>{{item.Belong_area_name}}</span>
										<span class="yjss" v-else='item.Notify_status==1'>{{item.Belong_area_name}}</span>
										<span class="ydds" v-else='item.Notify_status==2'>{{item.Belong_area_name}}</span>
										<span></span>
									</td>
								</tr>
								</tbody>
							</table>
						</el-scrollbar>
					</div>
				</div>
			</div>
			<div class="main-right">
				<div class="fire-info">
					<table cellspacing="0" cellpadding="0">
						<tr>
							<td>火灾编号</td>
							<td>：</td>
							<td>{{form.Number}}</td>
						</tr>
						<tr>
							<td>创建时间</td>
							<td>：</td>
							<td>{{Vehicle_time}}</td>
						</tr>
						<tr>
							<td>持续时间</td>
							<td>：</td>
							<td>{{time2}}</td>
						</tr>
						<tr>
							<td>火灾范围</td>
							<td>：</td>
							<td></td>
						</tr>
					</table>
				</div>
				<div class="plan">
					<div class="plan-box">
						<el-form ref="form" :model="form" label-width="80px">
							<el-form-item label="活动区域">
								<el-select v-model="form.region" placeholder="请选择活动区域">
									<el-option label="区域一" value="shanghai"></el-option>
									<el-option label="区域二" value="beijing"></el-option>
								</el-select>
							</el-form-item>
						</el-form>
						<div class="plan-bottom">
							<div class="btn-set">启动</div>
						</div>
					</div>
				</div>
				<div class="chat">
					<h5>实时信息</h5>
					<div class="chat-box">
						<div id="chatall">

						</div>
						<div class="chat-send">
							<div class="chat-inp">
								<input type="text" />
							</div>
							<div class="chat-btn">发送</div>
						</div>
					</div>
				</div>
			</div>
			<ul class="dialog-selec">
				<div class="dialog-sanjiao"></div>
				<div class="dialog-sanjiao-wrap"></div>
				<li v-for='(item,index) in FireFighters' :dataNumber="item.Number" :dataName="item.Name">
					{{item.Name}}
				</li>
			</ul>
		</el-main>
	</el-container>
	<div class="ly_bg" v-show="flag">
		<p class="ly-alert">提示</p>
		<p style="text-align: center;line-height: 40px">确定火灾结束吗?</p>
		<div class="ly-btn-set" style="margin-left: 93px;" @click="yes">确定</div>
		<div class="ly-btn-set" @click="off">取消</div>

	</div>
</div>
</body>
<script src="../lib/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="../lib/js/elementui.js" type="text/javascript" charset="utf-8"></script>
<script src="../lib/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../lib/js/jquery.cookie.js"></script>
<script src="../lib/layui/layui.all.js"></script>
<script src="../js/config.js"></script>
<script src="../js/fire_second.js" type="text/javascript" charset="utf-8"></script>
</html>